import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Controls.Material 2.12
import QtQuick.Layouts 1.12

Item {
	property alias infoIcon: info_icon_image
	property alias infoName: info_name_label
	property alias infoData: info_data_label
	Rectangle {
		z: 10
		anchors.fill: parent
		anchors.margins: 5
		radius: 20
		gradient: Gradient {
			GradientStop {
				position: 0
				color: "#d4fc79"
			}

			GradientStop {
				position: 1
				color: "#96e6a1"
			}
		}
		ColumnLayout {
			anchors.fill: parent
			RowLayout {
				Layout.fillHeight: true
				Layout.fillWidth: true
				Label {
					id: info_name_label
                    font.pointSize: 18
					padding: 10
					Layout.fillHeight: true
					Layout.fillWidth: true
					Layout.alignment: Qt.AlignLeft | Qt.AlignVCenter
					verticalAlignment: Text.AlignVCenter
					horizontalAlignment: Text.AlignLeft
				}
                Image {
                    id: info_icon_image
                    fillMode: Image.PreserveAspectFit
					Layout.fillHeight: true
                    Layout.margins: 5
					Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
					source: "./Images/drawable-xxhdpi/baseline_timeline_white_18.png"
				}
			}
			Label {
				id: info_data_label
            	font.pointSize: 14
				padding: 10
				Layout.fillHeight: true
				Layout.fillWidth: true
				verticalAlignment: Text.AlignVCenter
				horizontalAlignment: Text.AlignHCenter
			}
		}
	}
}

/*##^##
Designer {
	D{i:0;autoSize:true;height:480;width:640}
}
##^##*/

